<template>
    <h1>组件 A</h1>
</template>

<script>
// 当点击切换组件时，会发现实际上组件 A 被替换掉时是被卸载的。
// 打印出 “组件卸载之后”
// 只有将当前组件设置为 存活 状态后，才不会发生卸载的动作
// 尝试将 App.vue 中的 keep-alive 标签删除，点击按钮，就会发现打印出 “组件卸载之后”，表示组件被卸载了
// 那么下次再次加载当前组件，如切换回当前组件时，一切的状态都是当前组件最初始的状态，不是被卸载之前的可能被修改过的一些状态了
export default {
    unmounted() {
        console.log("组件卸载之后");
    }
}
</script>

<style></style>